@import "~terriajs-variables";

.close-btn {
  composes: btn from "~terriajs/lib/Sass/common/_buttons.scss";
  position: absolute;
  z-index: 10;
  top: $padding-small;
  right: $padding-small;

  top: 15px;
  right: 15px;

  &:hover,
  &:focus {
    svg {
      fill: $color-primary;
    }
  }

  svg {
    fill: $text-light;
    height: 10px;
    width: 10px;
  }
}
